<template>
    <!-- <h1>题库管理</h1> -->
    <!-- <div> -->
		<!-- <div class="container"> -->
			<!-- <div class="handle-box"> -->
                    <!-- <el-tabs type="card">
                      <el-tab-pane label="题库管理">
                       <MyQuestionk></MyQuestionk>
                      </el-tab-pane>
                      <el-tab-pane label="创建题库">
                       <CreateQuestion></CreateQuestion>
                        </el-tab-pane>
                    </el-tabs> -->
                    <p class="tabs-p" v-if="radio1=='题库管理'">题库用于对试题进行分类管理，请在以下列表中管理您的题库</p>
                    <p class="tabs-p" v-else-if="radio1=='创建题库'">填写下面的表单，创建一个新的题库</p>
                    <p class="tabs-p" v-else>在下面的表单中修改题库信息</p>
                    <el-radio-group v-model="radio1" size="small" 
                    style="margin-bottom: 20px;"
                    fill="#1C84C6" 
                    @change="changeRadio">
                      <el-radio-button label="创建题库"  value="创建题库"/>
                      <el-radio-button label="题库管理" value="题库管理"/>
                    </el-radio-group>
                    <MyQuestionk v-if="radio1=='题库管理'" @send-row-data="getRowData"></MyQuestionk>
                    <CreateQuestion v-else v-model:rowData="rowData" ></CreateQuestion>
                <!-- </div> -->
		<!-- </div> -->
<!-- </div> -->
</template>

<script setup>
import MyQuestionk from './MyQuestionk.vue';
import CreateQuestion from './CreateQuestion.vue';
import { ref } from 'vue'
const radio1 = ref('题库管理')
// const emit  = defineEmits(['changeRadio'])
const changeRadio = ()=>{
  // emit('changeRadio',radio1.value)
  console.log(radio1,'radio....')
  rowData.value={}
}
// 获取修改的数据
const rowData = ref(null)
const getRowData=(row)=>{
  console.log(row,'<<<F')
  rowData.value= row
  radio1.value=''
}
</script >
<style lang="less" scoped>
.tabs-p{
  margin: 0px 0px 20px;
  color: #AAAAAA;
}
</style>